<template>
	<view class="alert-view">
		<view style="height: 100rpx;text-align: center;line-height: 100rpx;font-size: 30rpx;font-weight: bold;">
			收货信息
		</view>
			<view style="margin: 0rpx 30rpx 30rpx 30rpx;display: flex;flex-direction: column;">
				 <text style="font-size: 30rpx;font-weight: bold;">姓名</text>
				 <input type="text" placeholder="请输入姓名" class="input-view" v-model="name"/>
				 <text style="font-size: 30rpx;font-weight: bold;margin-top: 20rpx;">联系方式</text>
				 <input type="text" placeholder="请输入联系方式" class="input-view" v-model="phone"/>
				 <text style="font-size: 30rpx;font-weight: bold;margin-top: 20rpx;">地址</text>
				 <textarea placeholder="请输入地址" auto-height="true" class="input-area-view"></textarea>
			</view>
			<view style="height: 100rpx;background-color: red;color: white;line-height: 100rpx;text-align: center;" @click="closeView">
				确定
			</view>
	</view>
</template>

<script>
	export default {
		name:"orderInfoAlert",
		data() {
			return {
				name: '',
				phone: '',
				address: ''
			};
		},
		methods: {
			closeView() {
				this.$parent.$parent.closeAlert();
			}
		}
	}
	
</script>

<style>
.alert-view {
	background-color: white;
	width: calc(100vw - 100rpx);
	display: flex;
	flex-direction: column;
}

.input-view {
	height: 80rpx;
	width: calc(100vw - 180rpx);
	border: 1rpx solid gray;
	margin-top: 10rpx;
	border-radius: 10rpx;
	padding-left: 20rpx;
}
.input-area-view {
	min-height: 200rpx;
	padding: 20rpx;
	width: calc(100vw - 200rpx);
	border: 1rpx solid gray;
	margin-top: 10rpx;
	border-radius: 10rpx;
}
</style>